<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style>
			
			* { padding: 0; margin: 0}
			
			h1 {
				
				color: #666;
				padding: 10px;
				margin-bottom: 50px;
				font-size: 22px;
			}
			
			#container {
				background-image: url(pointer.gif) no-repeat -5000px -5000px;
				width: 940px;
				background: #efefef;
				margin: 0 auto;
				padding: 30px;
				overflow: hidden;
				
			}
			
			#menu {
				background-image: url(pointer-red.gif) no-repeat -5000px -5000px;				
				margin: 0 0 50px;
				
			}
			
			#menu a {
				
				background: #fff;
				padding: 10px 25px;
				text-transform: uppercase;
				text-decoration: none;
				
			}
			
			#menu a:hover {
				
				background: #ececec;
				
			}
			
			#test a {
				
				border: 1px solid #ccc;
				color: #666;
				text-decoration: none;
				padding: 5px;
				
			}
			
			#test a:hover {
				
				background: yellow;
				
			}
			
		</style>
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="efp.js"></script>
		<script type="text/javascript" src="livehelp.js"></script>
		<script type="text/javascript">
		
		$().ready( function() {
			
		$("#start").click( function() {
			$("#test a").css({"background-color": "transparent", "color":"#666"});						
			helper.start();
			
		})
		
		$("#stop").click( function() {
			helper.stopplay();
		})
		
		$("#play").click( function() {
			$("#test a").css({"background-color": "transparent", "color":"#666"});			
			helper.play();
			
		})
		
		$("#test a").click( function() {
			$(this).css({"background-color": "red", "color":"white"});
			
		})
		
		})
		
		</script>
    </head>
    <body>
		
		<div id="container">
        <h1>temporarily useless mouse event repeater</h1>
		</dl>
			<div id="menu">
				
				<a id="start" href="#">start recording</a> <a id="stop" href="#">stop recording</a> <a id="play" href="#">play</a>
				
			</div>
		
					
			<div id="test">
				
				<p>
					<a href="#">clickme 1</a>
					<a href="#">clickme 2</a>
					<a href="#">clickme 3</a>
					<a href="#">clickme 4</a>
					<a href="#">clickme 5</a>
					
					
				</p>
				
			</div>
	
			
		</div>
    </body>
</html>
